@charset "utf-8";
/**
 * @author：Lee
 * @description：layout and  modules style
 */
.g-hd {
  height: 98px;
  position: relative;
}

.g-hd .hd-title {
  margin: 0;
  font-size: 40px;
  letter-spacing: 15px;
  line-height: 98px;
  font-weight: normal;
  color: #fefefe;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  white-space:nowrap;
}

.g-doc{
  padding-top: 98px;
  margin-top: -98px;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%
}

.g-doc .doc-slider{
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-decoration:none;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-around;
}


.doc-slider .list-item{
	text-align: center;
	text-decoration: none;
}
.doc-slider .list-item .item-bg{
  width: 75px;
  height: 75px;
  margin: 0 auto;
  overflow: hidden;
  background: #ffc000;
  text-decoration : none;
  border-radius: 50%;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}
.doc-slider .list-item .item-bg img{
	width: 60%;
  height: 60%;
  text-decoration: none;
  transition: all 1s ease 0s;
}
.doc-slider .list-item a{
	width: 110px;
	text-decoration: none;
	display: inline-block;
}
.doc-slider .list-item a:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.doc-slider .list-item:hover p{
	background: #0182d6;
	color: #ffc617;
	text-decoration: none;
	border: 1px solid #0182d6;
}
.doc-slider .list-item p{
	transition: all 1s ease 0s;
  text-align: center;
  border-radius: 3px;
  border: 1px solid;
  font-size: 18px;
  text-decoration:none;
  color: #fff;
  margin-top: 8px;
  padding: 1px 0;
  width: 100%;
}